
<template>
  <div class="container">
    <div class="hello">
      <div v-swiper:mySwiper="swiperOption">
        <div class="swiper-wrapper">
          <div class="swiper-slide" v-for="(dat,id) in title.nav.bannerData.slice(1,5)" :style="{background:'url('+'https://exam.zhonghaiqihang.com/'+dat.image+') no-repeat center'}">
            <a :href="'https://www.qiyebang.net.cn/'+tzbn[id]" target="_blank" style="display: block;height: 100%;width: 100%"></a>
          </div>
        </div>
        <div class="swiper-pagination swiper-pagination-bullets" style="width: 100vw !important;"></div>
      </div>
      <section class="sc2 sc">
        <div class="ct af">
          <h3>工商财税<span>公司设立、财税服务专业解决方案</span></h3>
          <div class="left">
            <h4>{{title.index.gscsData[0].servicename}}</h4>
            <p>{{title.index.gscsData[0].remark}}</p>
            <a :href="'https://www.qiyebang.net.cn/ServiceDetails/'+title.index.gscsData[0].id+'?name='+title.index.gscsData[0].id" target="_blank">立即咨询</a>
          </div>
          <ul class="rt af">
            <li v-for="(dt,idx) in title.index.gscsData.slice(1,title.index.gscsData.length)" :key="idx">
              <a @click="chref(idx)" :href="'/ServiceDetails/'+dt.id+'?name='+(dt.servicelevel==2?dt.id:dt.pid)" target="_blank"><img :src="'https://exam.zhonghaiqihang.com/'+dt.oneiconimg" width="36" height="36">
                <h4>{{dt.servicename}}</h4>
                <p>{{dt.remark}}</p>
              </a>
            </li>
          </ul>
        </div>
      </section>
      <section class="sc4 sc">
        <div class="ct">
          <h3>资质审批<span>各类资质 快速代办</span></h3>

          <ul class="af">
            <li :class="['li'+(idx3+1),(idx3+1)==5||(idx3+1)==12?'last':'',(idx3+1)==7||(idx3+1)==11?'li22':'']" v-for="(dt3,idx3) in title.index.zzspData" :key="idx3"><a :href="'/ServiceDetails/'+dt3.id+'?name='+(dt3.servicelevel==2?dt3.id:dt3.pid)" target="_blank">
              <span class="nm" :style="{background:'url('+'https://exam.zhonghaiqihang.com/'+ dt3.oneiconimg+') no-repeat'}"></span>

              <span class="hv" :style="{background:'url('+'https://exam.zhonghaiqihang.com/'+ dt3.threeiconimg+') no-repeat'}"></span>
              <p class="p1">{{dt3.servicename}}</p>
              <p class="p2">{{dt3.remark}}</p>
              <span class="bt" :style="{background:'url('+'https://exam.zhonghaiqihang.com/'+ dt3.twoiconimg+') no-repeat'}"></span>
            </a></li>
          </ul>
        </div>
      </section>
      <section class="sc3 sc">
        <h3>知识产权<span>为产品提供360度全方位保护</span></h3>
        <ul class="af">
          <li class="li1"  v-for="(dt2,idx2) in title.index.zscqData" :class="(idx2+1)%4==0?'last':''"><a :href="'/ServiceDetails/'+dt2.id+'?name='+(dt2.servicelevel==2?dt2.id:dt2.pid)" target="_blank"><img :src="'https://exam.zhonghaiqihang.com/'+dt2.oneiconimg" width="66" height="66" >
            <div>
              <h4>{{dt2.servicename}}</h4>
              <p>{{dt2.remark}}</p>
            </div>
          </a></li>
        </ul>
      </section>
      <!--<section class="sgzrwb">-->
      <!--<div class="ct">-->
      <!--<h4>收购转让信息 <a href="javascript:;" class="zr select">转让信息</a> <a href="javascript:;" class="qg">求购信息</a></h4>-->

      <!--</div>-->

      <!--</section>-->

     <section class="chj_idx_brand sc">
        <h3>精品商标<span>各类商标 任您挑选</span>  <a href="/brand">查看更多</a></h3>
         <div class="chj_brand_list_box">
         	<ul class="chj_brand_list af">
         		<li class="item" v-for="(i,index) in title.index.trademarkData" :key='index'>
                <div v-if="i.trademarkshowimagetwo == null">
                   <div class="item_img">
                     <a href="JavaScript:;" rel="nofollow">
                       <img  @click="dkgm(i,index)" :src="i.trademarkshowimage == null?'https://exam.zhonghaiqihang.com/'+i.trademarkimage:'https://exam.zhonghaiqihang.com/'+i.trademarkshowimage">
                      </a>
                   </div>
                </div>

                <div class="chj_else" v-else>
                  <el-carousel loop trigger="click" :interval = "2000" height="203px">

                       <el-carousel-item v-for="(item,index) in i.array1" :key="index">
                       <div class="item_img">

                         <a href="JavaScript:;" rel="nofollow">

                          <img  @click="dkgm(i,index)" :src="'https://exam.zhonghaiqihang.com/'+item.trademarkshowimagetwo" alt="">
                         </a>
                        </div>
                       </el-carousel-item>
                     </el-carousel>
                </div>





                <div class="item_text">
         					<p class="idx_item_text_p1">
                    <span class="span1">{{i.trademarkname}}</span>
                   </p>
         					<p class="idx_item_text_p2">
         						<span class="span1">{{i.trademarktype}}类-{{i.trademarktypename}}</span>
         						<span class="span2">{{i.proposalsaleprice}}<i>元</i><em>价格</em></span>
         					</p>
         				</div>
         		</li>

         	</ul>
         </div>
      </section>

      <section class="sc5">
        <ul class="af">
          <li class="li1">
            <div class="nm">
              <h4>优选管家</h4>
              <p style="text-indent: 0; font-size: 16px; font-weight: bold ">用我们的专业 成就您的事业</p>
              <p style="text-indent: 0"><a href="/ServiceDetails/2?name=2"  target="_blank">公司注册</a> <a href="/ServiceDetails/24?name=24" target="_blank">公司转让</a>
                <a href="/ServiceDetails/7?name=7" target="_blank">公司变更</a> <br/><a href="/ServiceDetails/39?name=39" target="_blank">公司注销</a>
                <a href="/ServiceDetails/14?name=14" target="_blank">公司收购</a> <br/>
                <a href="ServiceDetails/193?name=14" target="_blank">教育培训机构转让</a><br/>
                <a href="http://p.qiao.baidu.com/cps/chat?siteId=15157864&userId=20820778&siteToken=a31d186e7b9daffb1301188e07e5b2d1" target="_blank">公户车指标转让</a>
                <a href="/ServiceDetails/138?name=92" target="_blank">建筑资质申办</a> <br/><a href="/ServiceDetails/95?name=92" target="_blank">转让
                  食品卫生经营许可证</a><br/>
                <a href="/ServiceDetails/101?name=92" target="_blank">道路运输经营许可证</a><br/>
                <a href="/ServiceDetails/96?name=92" target="_blank"> 广播电视节目许可证</a><br/>
                <a href="/ServiceDetails/102?name=92" target="_blank">营业性演出许可证</a>
                <a href="/ServiceDetails/45?name=45" target="_blank">代理记账</a> <br/><a href="/ServiceDetails/70?name=68" target="_blank">商标购买</a>
                <a href="http://p.qiao.baidu.com/cps/chat?siteId=15157864&userId=20820778&siteToken=a31d186e7b9daffb1301188e07e5b2d1" target="_blank">税务解异常</a> <a href="http://p.qiao.baidu.com/cps/chat?siteId=15157864&userId=20820778&siteToken=a31d186e7b9daffb1301188e07e5b2d1" target="_blank">地址解异常</a></p>
            </div>
          </li>
          <li  v-for="(gj,gji) in title.gj" :class="['li'+(gji+2),(gji+2)==4?'last':'',(gji+2)==7?'last':'',(gji+2-7)%4==0?'last':'']" :style="{width: '284px',height: '225px',background:'url('+'https://exam.zhonghaiqihang.com'+ gj.avatar+') no-repeat center',backgroundSize:'100% 100%'}">
            <div class="nm">

              <h4>{{gj.username}}</h4>
              <p>{{gjname[gji]}}</p>
            </div>
            <div class="hv">
              <p class="js">{{gj.username}}<span>{{gj.mobile}}</span></p>
              <img :src="'https://exam.zhonghaiqihang.com/'+gj.twocode" width="121" height="121">
              <div class="ab"><a :href="gj.cclink" target="_blank" class="r">立即在线咨询</a></div>
            </div>
          </li>
        </ul>
      </section>
      <my-heart class="sc6" style="margin: 0 auto"></my-heart>

           <div class="jyfw_wd af">
              <div class="ct af">
                <div class="fwwb" >
                  <h4>经营范围</h4>
                  <div class="fw">
                    <div class="top af">
                      <ul class="af">
                        <li :class="jyfw==i?'select':''" @mouseover="jyfwff(i)" v-for="(data,i) in title.jyfw.slice(0,3)"><a
                          :href="'/ScopeInfo?name='+(i+1)" target="_blank">{{data.typename}}</a></li>
                      </ul>
                      <a href="/ScopeInfo/?name=1" class="gd" target="_blank">更多</a>
                    </div>
										<a class="bt af"  target="_blank" v-if="jyfw == 1">
                      <img :src="xg2(title.jyfw[jyfw].article[0])" width="172" height="118">

                      <!--{{xg2(title.jyfw[jyfw].article[0]}}-->
                      <span class="div">
                      	<em class="h51" v-for="(i,index) in title.jyfw[jyfw].article.slice(0,4)"><a :href="xg1(i)" @mouseover="fontclor(index)">{{i.title}}</a></em>
                        <!--<em class="h5">{{title.jyfw[jyfw].article[0]?title.jyfw[jyfw].article[0].title:''}}</em>-->
<!--                        <i class="p" style="font-style: normal;">{{title.jyfw[jyfw].article[0]?title.jyfw[jyfw].article[0].summary:''}}</i>-->
                      </span>
                    </a>
                    <a class="bt af"  target="_blank" v-else="">
                      <img :src="xg2(title.jyfw[jyfw].article[img1])" width="172" height="118">

                      <!--{{xg2(title.jyfw[jyfw].article[0]}}-->
                      <span class="div">
                      	<em class="h5" v-for="(i,index) in title.jyfw[jyfw].article.slice(0,8)"><a :href="xg1(i)" @mouseover="fontclor(index)">{{i.title}}</a></em>
                        <!--<em class="h5">{{title.jyfw[jyfw].article[0]?title.jyfw[jyfw].article[0].title:''}}</em>-->
<!--                        <i class="p" style="font-style: normal;">{{title.jyfw[jyfw].article[0]?title.jyfw[jyfw].article[0].summary:''}}</i>-->
                      </span>
                    </a>
                  </div>
                </div>
                <div class="wd">
                  <h4>疑问解答 </h4>
                  <div class="nr">
                    <div class="top af">
                      <h5>疑问解答</h5><a href="/question" target="" class="gd">更多</a>
                    </div>
                    <div class="mdtw">
                      <input type="text" placeholder="输入您的问题，如：公司注册需要什么流程？"><a href="/Question">提问</a>
                    </div>
                    <!--{{title.yjj.data}}-->
                    <ul class="wds af">
                      <li v-for="(i,index) in title.yjj.data?this.title.yjj.data:''" :key='index' v-if="index < 6"><a :href="'/questionDetails/'+i.id">{{i.content}}</a></li>
                      <!--<li v-for="(i,index) in aa" :key='index' v-if="index < 6"><a :href="'/questionDetails/'+i.id">{{i}}</a></li>-->
                    </ul>

                  </div>

                </div>
              </div>
            </div>




      <section class="sc7 sc">
        <div class="ct">
          <h3>行业资讯</h3>
          <ul class="zxul af">
            <li class="zxl1 zxl">
              <h4>{{title.index.infoData[0].typename}}</h4>
              <ul>
                <li   v-for="(dt4,idx4) in title.index.infoData[0].info" :class="['hoverli'+idx4,idx4==0?'select':'','hoverli']"  @mouseover='nihao(idx4)'>
                  <nuxt-link  target="_blank" :to="'/Details/'+dt4.id" style="overflow: hidden; display: block;height: 100%">
                    <div class="nmp af">
                      <p>{{dt4.title}}</p>
                      <span>{{dt4.createtime}}</span></div>
                    <div class="hvp">
                      <div class="top af">
                        <p>{{dt4.title}}</p>
                        <span>{{dt4.createtime}}</span>
                      </div>
                      <p class="ms" >{{dt4.summary.replace (/^\s*|\s*$/g,'')}}</p>
                      <img :src="'https://exam.zhonghaiqihang.com'+dt4.image" style="float: right;width: 60px;height: 60px;position: relative;top:-60px;right: 20px">
                    </div>
                  </nuxt-link>
                </li>
              </ul>
              <nuxt-link  class="zxa" :to="'/Info?name=1'" target="_blank" rel="nofollow">查看更多</nuxt-link></li>
            <li class="zxl2 zxl">
              <h4>{{title.index.infoData[1].typename}}</h4>
              <ul>
                <li   v-for="(dt5,idx5) in title.index.infoData[1].info" :key="idx5" :class="['hoverlit'+idx5,idx5==0?'select':'','hoverlit']"  @mouseover='nihao1(idx5)'>
                  <nuxt-link  target="_blank" :to="'/Details/'+dt5.id" style="overflow: hidden; display: block;height: 100%">
                    <div class="nmp af">
                      <p>{{dt5.title}}</p>
                      <span>{{dt5.createtime}}</span></div>
                    <div class="hvp">
                      <div class="top af">
                        <p>{{dt5.title}}</p>
                        <span>{{dt5.createtime}}</span></div>
                      <p class="ms">{{dt5.summary.replace (/^\s*|\s*$/g,'')}}</p>
                      <img :src="'https://exam.zhonghaiqihang.com'+dt5.image" style="float: right;width: 60px;height: 60px;position: relative;top:-60px;right: 20px">
                    </div>
                  </nuxt-link>
                </li>
              </ul>
              <nuxt-link  class="zxa" :to="'/Info?name=2'" target="_blank" rel="nofollow">查看更多</nuxt-link></li>
            <li class="zxl3 zxl last">
              <h4>{{title.index.infoData[2].typename}}</h4>
              <ul>
                <li   v-for="(dt5,idx5) in title.index.infoData[2].info"  :key="idx5"  :class="['hoverlitr'+idx5,idx5==0?'select':'','hoverlitr']"  @mouseover='nihao2(idx5)'>
                  <nuxt-link  target="_blank" :to="'/Details/'+dt5.id" style="overflow: hidden; display: block;height: 100%">
                    <div class="nmp af">
                      <p>{{dt5.title}}</p>
                      <span>{{dt5.createtime}}</span></div>
                    <div class="hvp">
                      <div class="top af">
                        <p>{{dt5.title}}</p>
                        <span>{{dt5.createtime}}</span></div>
                      <p class="ms">{{dt5.summary.replace (/^\s*|\s*$/g,'')}}</p>
                      <img :src="'https://exam.zhonghaiqihang.com'+dt5.image" style="float: right;width: 60px;height: 60px;position: relative;top:-60px;right: 20px">
                    </div>
                  </nuxt-link>
                </li>
              </ul>
              <nuxt-link  class="zxa" :to="'/Info?name=3'"  target="_blank" rel="nofollow">查看更多</nuxt-link></li>
          </ul>
        </div>
      </section>
      <section class="hzhb">
        <h3>合作伙伴</h3>
        <ul class="hbul">
          <li v-for="(hb,id) in title.index.partnerData.slice(0,10)" :key="id" :style="{background:'url(https://exam.zhonghaiqihang.com'+hb.image+') no-repeat center'}"></li>
        </ul>
      </section>
      <section class="dblj">
        <div class="ct af">
          <div class="left">
            <a @click="tz('About')">联系我们</a><a @click="tz('Info')">行业资讯</a><a href="https://zb.qiyebang.net.cn/" rel="nofollow" target="_blank">企业邦车务</a><a href="https://jz.qiyebang.net.cn/" rel="nofollow" target="_blank">企业邦-建筑资质</a><a  style="cursor: default">企业邦商标买卖网</a>
            <a href="/Architect" rel="nofollow" target="_blank">建造师招聘</a>
            <!-- <a href="https://fg.qiyebang.net.cn" rel="nofollow" target="_blank" class="last">软文发布平台</a> -->
          </div>
          <p class="right">全国免费咨询热线：400-855-1888</p>
        </div>
      </section>
    </div>

    <div class="gmtc" :class="goumai.select==0?'':'select'">

    <div class="chj_brand_alert">
    	<a href="javascript:;" @click="gmgb()" class="close"></a>
    	<div class="chj_brand_main">
    		<div class="chj_brand_alert_cont">
    			<div class="brand_top">
    				<div class="le">商标图片</div>


              <div class="ce" v-if="goumai.trademarkshowimagetwo == null">

                        <div class="ce_img">
                          <a href="JavaScript:;" rel="nofollow">
                            <img :src="'https://exam.zhonghaiqihang.com/' + goumai.array1[0].trademarkimage" alt="">
                          </a>
                         </div>
              </div>



              <div class="ce" v-else>
                 <el-carousel trigger="click" :interval = "2000"  height="255px">

                      <el-carousel-item v-for="(item,index) in goumai.array1" :key="index">

                        <div class="ce_img">
                          <a href="JavaScript:;" rel="nofollow">
                           <img :src="'https://exam.zhonghaiqihang.com/' + item.trademarkimage" alt="">
                           </a>
                         </div>
                      </el-carousel-item>
                    </el-carousel>

              </div>


    				<div class="ri">
    					<ul>
    						<li>
    							<p class="p1">商标名称</p>
    							<p class="p2">{{goumai.name}}</p>
    						</li>
    						<li>
    							<p class="p1">商标注册证号</p>
    							<p class="p2">{{goumai.zhucemark}}</p>
    						</li>
    						<li>
    							<p class="p1">商标类别</p>
    							<p class="p2">第{{goumai.liebie}}类</p>
    						</li>
    						<li>
    							<p class="p1">注册类别</p>
    							<p class="p2 text-overflow-1">{{goumai.chucesort}}</p>
    						</li>
    						<li>
    							<p class="p1">建议销售价</p>
    							<p class="p2"><span>{{goumai.jiage}}</span><i>元</i><a href="JavaScript:;" @click="cbkefu()">联系持有人</a></p>
    						</li>
    					</ul>
    				</div>
    			</div>
    			<div class="brand_bottom">
    				<div class="le">商品/服务项目</div>
    				<div class="ri">
    					{{goumai.text}}
    				</div>
    			</div>
    		</div>

    	</div>
    </div>





      </div>

    <footer class="af">
      <div class="ct af">
        <ul class="ftul af">
          <li class="fli2">
            <a href="javascript:;" class="fu1 fu" :class="fuwu==1?'select':''" @mouseover="fuwu = 1">企业邦服务</a><a href="javascript:;" class="fu2 fu fuyq" :class="fuwu==2?'select':''" @mouseover="fuwu = 2">友情链接</a>
            <div class="div1" :class="fuwu==1?'select':''">
              <a href="http://p.qiao.baidu.com/cps/chat?siteId=15157864&userId=20820778&siteToken=a31d186e7b9daffb1301188e07e5b2d1" target="_blank">企业邦服务</a><a href="/ServiceDetails/2?name=2" target="_blank">公司注册</a><a href="/ServiceDetails/2?name=2" target="_blank">提供注册地址</a><a href="/ServiceDetails/14?name=14" target="_blank">公司收购</a><a href="/ServiceDetails/24?name=24" target="_blank">公司转让</a><a href="/ServiceDetails/7?name=7" target="_blank">公司变更</a><a href="/ServiceDetails/39?name=39" target="_blank">公司注销</a><a href="/ServiceDetails/28?name=24" target="_blank">教育培训机构转让</a><a href="/ServiceDetails/138?name=92" target="_blank">建筑资质审批</a><a href="/ServiceDetails/108?name=92" target="_blank">拍卖经营许可证</a><a href="/ServiceDetails/95?name=92" target="_blank">食品经营许可证</a><a href="http://p.qiao.baidu.com/cps/chat?siteId=15157864&userId=20820778&siteToken=a31d186e7b9daffb1301188e07e5b2d1" target="_blank">卫生许可证</a><a href="/ServiceDetails/109?name=92" target="_blank">环保审批</a><a href="/ServiceDetails/101?name=92" target="_blank">道路运输经营</a><a href="/ServiceDetails/96?name=92" target="_blank">广播电视节目制作经营许可证</a><a
              href="http://p.qiao.baidu.com/cps/chat?siteId=15157864&userId=20820778&siteToken=a31d186e7b9daffb1301188e07e5b2d1" target="_blank"> ICP许可证 </a><a href="/ServiceDetails/112?name=92" target="_blank">网络文化经营许可证 </a><a href="/ServiceDetails/82?name=81" target="_blank">软件著作权登记</a><a href="/ServiceDetails/102?name=92" target="_blank"> 营业性演出许可证</a><a href="/ServiceDetails/303?name=92" target="_blank">摄制电影许可证</a><a href="/ServiceDetails/45?name=45" target="_blank">代理记账</a><a
              href="/ServiceDetails/5?name=2" target="_blank">银行开户</a><a href="/ServiceDetails/117?name=117" target="_blank">社保代理</a><a href="/ServiceDetails/68?name=68" target="_blank">商标注册</a><a href="/ServiceDetails/81?name=81" target="_blank">版权申请</a><a href="/ServiceDetails/85?name=85" target="_blank">专利申请</a><a href="/ServiceDetails/119?name=117" target="_blank">公积金开户</a>
            </div>
            <div class="div2" :class="fuwu==2?'select':''">
              <p><span>友情链接:</span> <a :href="lj.friendpath" v-for="(lj,ljid) in title.fd" :key="ljid" target="_blank">{{lj.friendname}}</a></p>
            </div>
            <a class="dblj2" href="https://beian.miit.gov.cn" target="_blank">版权所有：企业邦（北京）创业服务有限公司   京ICP备17015986号-1</a>
          </li>
          <li class="fli3">
            <p class="p1">工作时间： <br/>周一到周五  08：30-18：00</p>
            <p class="p2">全国免费咨询热线</p>
            <p class="p3">400-855-1888</p>
            <a href="http://p.qiao.baidu.com/cps/chat?siteId=15157864&userId=20820778&siteToken=a31d186e7b9daffb1301188e07e5b2d1" target="_blank" class="fta">立刻咨询</a>
          </li>
          <li class="fli4">
            <img src="~/assets/img/footerewm.jpg" width="135" height="135">
            <p >扫一扫，了解更多</p>
          </li>
        </ul>
      </div>



    </footer>
  </div>
</template>

<script>
  import axios from 'axios';
  import $ from 'jquery';
  export default {
    name: 'HelloWorld',
    data () {
      return {
//      	    	      	    	arr:[
//    	{id:9,typename:'经营范围',article:[{id:6,title:'1',summary:'汽车服务公司经营范围包括哪些'},{id:8,title:'2'},{id:7,title:'3'}]},
//    	{id:8,typename:'2',article:[{id:10,title:'1'},{id:10,title:'汽车服务公司经营范围大全'},{id:10,title:'汽车服务公司经营范围大全'}]},
//		{id:7,typename:'3',article:[{id:10,title:'2'},{id:10,title:'汽车服务公司经营范围大全'},{id:10,title:'汽车服务公司经营范围大全'}]},
//		{id:6,typename:'4',article:[{id:10,title:'3'},{id:10,title:'汽车服务公司经营范围大全'},{id:10,title:'汽车服务公司经营范围大全'}]},
//		{id:5,typename:'5',article:[{id:10,title:'5'},{id:10,title:'汽车服务公司经营范围大全'},{id:10,title:'汽车服务公司经营范围大全'}]},
//     ],
//aa:[
//		'输入您的问题，如：公司注册需要什么流程','输入您的问题，如：公司注册需要什么流程','输入您的问题，如：公司注册需要什么流程','输入您的问题，如：公司注册需要什么流程','输入您的问题，如：公司注册需要什么流程','输入您的问题，如：公司注册需要什么流程','输入您的问题，如：公司注册需要什么流程','输入您的问题，如：公司注册需要什么流程','输入您的问题，如：公司注册需要什么流程','输入您的问题，如：公司注册需要什么流程',
//],
        dlzt:'',
        swiperOption: {
          loop: true,
          slidesPerView: 'auto',
          centeredSlides: true,
          autoplay:{
            delay:5000,
            disableOnInteraction:false,
            spaceBetween:5000,
            loop:true,
          },
          spaceBetween: 30,
          pagination: {
            el: '.swiper-pagination',
            dynamicBullets: true,
            clickable:true
          },
          on: {
            slideChange() {
            },
            tap() {
            }
          }
        },
        swiperOptionnew: {
          loop: true,
          slidesPerView: 'auto',
          centeredSlides: true,
          autoplay:{
            delay:3000,
            disableOnInteraction:false,
            spaceBetween:3000,
            loop:true,
          },
          spaceBetween: 30,
          pagination: {
            el: '.swiper-pagination',
            dynamicBullets: true,
            clickable:true
          },
          on: {
            slideChange() {
            },
            tap() {
            }
          }
        },
        swiperbrand: {
          loop: true,
          slidesPerView: 'auto',
          centeredSlides: true,
          autoplay:{
            delay:3000,
            disableOnInteraction:false,
            spaceBetween:3000,
            loop:true,
          },
          spaceBetween: 30,
          pagination: {
            el: '.swiper-pagination',
            dynamicBullets: true,
            clickable:true
          },
          on: {
            slideChange() {
            },
            tap() {
            }
          }
        },
        title:null,
        nihao:function(e){
          $('.hoverli').removeClass('select');
          $('.hoverli'+e).addClass('select');
        },
        nihao1:function(e){
          $('.hoverlit').removeClass('select');
          $('.hoverlit'+e).addClass('select');
        },
        nihao2:function(e){
          $('.hoverlitr').removeClass('select');
          $('.hoverlitr'+e).addClass('select');
        },
        yqljData:null,
        gjname:['经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问'],
        gjdata:null,
        swiperSlides: [1, 2, 3, 4, 5, 6],
        fuwu:1,
        jyfw:0,
        sjsz:[],
        ksz:[],
        xh:[4,7,9,14,4,2,3,3,3,3,2,2,2,6,3,5,20,2,5,5,6,1],
        tbsj:[[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[]],
        tzbn:['Business','Business','ServiceDetails/7?name=7','ServiceDetails/39?name=39','ServiceDetails/24?name=24'],
        navshu:[],
        img1:0,
        img2:0,
        img3:0,
        goumai:{
          img:'',
          img2:'',
          name:'',
          zhucemark:'',
          liebie:'',
          chucesort :'',
          jiage:0,
          select:0,
          text:'',
          trademarkshowimagetwo:'',
          array1:[
            {trademarkimage:''},
            {trademarkimage:''},
          ],
        },
        keifu_idx:0,
      }
    },
    async asyncData ({ params }) {
    let nh = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Header/headerData`);
    let nh2 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Index/indexData`);
    let nh3 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Receptionist/receptionistData`);
    let nh4 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/FriendLink/friendLinkData`);
    let nh5 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Info/infoData`);
    let nh6 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/BusinessRange/allBusinessRangeData`);
    // let nh7 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/PInterface/BusinessRange/businessRangeData`,{
    //   params:{
    //     num:1
    //   }});
    let nh7 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Problem`,{
      params:{
        is_solve:0
      }});
    let data  = {nav:nh.data,index:nh2.data,gj:nh3.data,fd:nh4.data,hy:nh5.data,jyfw:nh6.data,yjj:nh7.data};
    return { title: data}
  },
  head(){
    return {
      title: this.title.index.homepageconfigData.title,
      meta: [
        { hid: 'description', name: 'description', content: this.title.index.homepageconfigData.descript},
        { hid: 'keywords', name: 'keywords', content:this.title.index.homepageconfigData.keyword }
      ]
    }
  },
  // swiper() {
  //   // 如果你需要得到当前的swiper对象来做一些事情，你可以像下面这样定义一个方法属性来获取当前的swiper对象，同时notNextTick必须为true
  //   return this.$refs.swiperBox.swiper
  // },
  mounted:function(){
    this.title.jyfw.reverse()
    console.log(this.title.jyfw[this.jyfw]);
    $('.tbnavasy ').addClass('select');
    // console.log(document.cookie);

    // console.log(this.title.index.zzspData);
    if(this.$route.query.name == 'tc'){
      var d = new Date();
      d.setTime(d.getTime()+(-1*24*60*60*1000));
      var expires = "expires="+d.toGMTString();
      document.cookie = 'userinfoRes' + "=" + '' + "; " + expires;
      this.$router.push('/');
    }
    let a = document.cookie;

    let cookie = '';
    if(a.indexOf('userinfoRes')!=-1){
      let b = a.split('userinfoRes=');
      let c = b[1].split(';');
      cookie = c[0];
    }
    this.dlzt = cookie;
    // console.log(this.dlzt);
    var _this = this;
    $.each(_this.title.index.trademarkData, function (key, value) {
       value.array1=[{'trademarkshowimagetwo':value.trademarkshowimage},{'trademarkshowimagetwo':value.trademarkshowimagetwo}]
    });
//
    this.title.index.trademarkData[6].array1[0].trademarkshowimagetwo = this.title.index.trademarkData[6].trademarkimage

  }
  ,
  computed: {
    todos () {
      return this.$store.state.todos.list
    }
  },
  methods:{

    chref:function(e){
      if(e==9){
          $('.sc2 .rt li a').eq(9).attr('href','https://www.qiyebang.net.cn/ServiceDetails/125?name=123');
      }
    },

      dkgm:function(e1,e2){
        console.log(e2)
        var _this = this;
        _this.keifu_idx = e2
        this.goumai.select = 1;
          this.goumai.name =   e1.trademarkname;
          this.goumai.zhucemark =   e1.trademarkregistercardnum;
          this.goumai.liebie =   e1.trademarktype;
          this.goumai.chucesort =   e1.registertype;
          this.goumai.jiage =   e1.proposalsaleprice;
          this.goumai.text =   e1.serviceitems;
          this.goumai.trademarkshowimagetwo = e1.trademarkshowimagetwo
          this.goumai.array1[0].trademarkimage = e1.array1[0].trademarkshowimagetwo
          this.goumai.array1[1].trademarkimage = e1.array1[1].trademarkshowimagetwo

      },
      gmgb:function(){
        this.goumai.select = 0;
      },
      cbkefu:function(){
        var _this = this;
        _this.$axios.get('https://exam.zhonghaiqihang.com/PInterface/Receptionist/receptionistData',{
        })
          .then(function(response){
            console.log(response.data[_this.keifu_idx])
            window.open(response.data[_this.keifu_idx].cclink,'_blank');

          });
         // console.log()
      },

    tzym:function(e){
      const new1 = this.$router.resolve({name: 'Details', params: {name:e}, query: {name: e}});
      window.open(new1.href,'_blank');
    },
    tzym2:function(e){
      const new2 = this.$router.resolve({name: 'hyzx', params: {name:e}, query: {name: e}});
      window.open(new2.href,'_blank');
    },
    tz:function(e){
      const new2 = this.$router.resolve({name: e});
      window.open(new2.href,'_blank');
    },
    xg1:function(e){

      if(e){
        return '/ScopeDetails/'+e.id;
      }else{
        return 'javascript:;'
      }

    },
    fontclor(e){
    	this.img1 = e
    	this.img2 = e
    	this.img3 = e
    	console.log(this.img1)
    },
    xg2:function(e){
      if(e){
        return 'https://exam.zhonghaiqihang.com/'+e.image;
      }else {
        return '';
      }
    },
    tzxqy:function(e,e2){
      this.$router.push({name:'ServiceDetails', params: {id:e1}})
    },
    jyfwff:function(e){
      this.jyfw = e;
    }

  }
  }
</script>
